﻿@{
    ViewBag.Title = "Index";
}

@section head{
    <link href="~/Framework/bootstrap-3.0.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Framework/jQuery/jquery-1.9.1.min.js"></script>
  @*  <script src="~/Framework/bootstrap-3.0.0/js/bootstrap.min.js"></script>*@
    <script src="~/Framework/bootstrap-3.0.0/js/dropdown.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.dropdown-toggle').dropdown()
        });
    </script>
}

<h2>Index</h2>
<div class="dropdown">
  <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

